/* FEED DE TWEETS
-----------------------------------------------------------------------------*/

/* BOTONES PARA FILTRAR FEED */
.selector_tweets { margin-bottom: 13px; overflow: hidden; }
.selector_tweets li { display: block; float: left; margin-right: 7px; width: 45px; height: 45px; }

.selector_tweets a { display: block; width: 45px; height: 45px; }
.selector_tweets a span { position: absolute; left: -9999px; }
/* ofertas de lanzamiento */
.icon-lanzamiento a { background: url("css_images/icons.png") -14px -14px no-repeat; }
.icon-lanzamiento a:hover,
.icon-lanzamiento a.activo { background-position: -14px -104px; }
.icon-lanzamiento a.activo:hover { background-position: -14px -464px; }

/* ofertas */
.icon-oferta a { background: url("css_images/icons.png") -104px -14px no-repeat; }
.icon-oferta a:hover,
.icon-oferta a.activo { background-position: -104px -104px; }
.icon-oferta a.activo:hover { background-position: -104px -464px; }

/* e-cheques */
.icon-echeque a { background: url("css_images/icons.png") -194px -14px no-repeat; }
.icon-echeque a:hover,
.icon-echeque a.activo { background-position: -194px -104px; }
.icon-echeque a.activo:hover { background-position: -194px -464px; }

/* eventos */
.icon-evento a { background: url("css_images/icons.png") -284px -14px no-repeat; }
.icon-evento a:hover,
.icon-evento a.activo { background-position: -284px -104px; }
.icon-evento a.activo:hover { background-position: -284px -464px; }

/* consejos/avisos/comentarios */
.icon-globo a { background: url("css_images/icons.png") -374px -14px no-repeat; }
.icon-globo a:hover,
.icon-globo a.activo { background-position: -374px -104px; }
.icon-globo a.activo:hover { background-position: -374px -464px; }




/* cambiar entre mapa y listado de tweets */
.selector_tweets.vistas { position: absolute; top: 10px; right: 60px; }
.icon-lista span, .icon-mapa span { position: absolute; left: -9999px; }

/* icon-lista */
.icon-lista { background: url("css_images/icons.png") -554px -104px no-repeat; }
.icon-lista a { background: url("css_images/icons.png") -554px -14px no-repeat; }
.icon-lista a:hover,
.icon-lista a.activo { background-position: -554px -104px; }
.icon-lista a.activo:hover { background-position: -554px -464px; }

/* icon-mapa */
.icon-mapa { background: url("css_images/icons.png") -464px -104px no-repeat; }
.icon-mapa a { background: url("css_images/icons.png") -464px -14px no-repeat; }
.icon-mapa a:hover,
.icon-mapa a.activo { background-position: -464px -104px; }
.icon-mapa a.activo:hover { background-position: -464px -464px; }





/* LOS TWEETS */
/* un tweet par */
.tweet { margin-left:	-20px; width: 620px; /* min-height: 70px; overflow: hidden; */ position: relative; border-top: 1px dotted #cccccc; }
/* un tweet impar (1,3,5,7…) */
.tweet.f1f1f1 { background-color: #f1f1f1; }

.tweet .theimage { margin: 10px 0 0 20px; }
.tweet .tipo-puntos { margin-top: 14px; height: 50px; width: 70px; }
.tweet h3 { font-size: 12px; }
.tweet p.soft { padding-bottom: 5px; }

.tweet .status { width: 45px; height: 45px; display: block; float: right; margin: 12px 0 0 0; }
.status.none { }
.status.member { background: url("css_images/estrella-member-i.png") 50% 0 no-repeat; }
.status.premium { background: url("css_images/estrella-premium-i.png") 50% 0 no-repeat; }
.status.vip { background: url("css_images/estrella-vip-i.png") 50% 0 no-repeat; }



#feeds.home { margin-top: -20px; }
#feeds.home .tweet:first-child { border-top: none; }






/* BOTONES PARA FILTRAR FEED POR MARCA SI ES TARJETA MULTIMARCA
-----------------------------------------------------------------------------*/
/* capa que contiene filtro por marcas */
.mod-multimarca { position: relative; }
.mod-multimarca .content { padding-bottom: 0; }

.titulo-min { font-weight: normal; }
.sidefilter { position: absolute; top: 12px; right: 65px; }
.sidefilter label,
.sidefilter select,
.sidefilter .small { width: auto; float: left; padding-bottom: 0; margin: 0 5px 0 0; font-size: 12px; }


.multimarca { margin-left: -20px; }

.multimarca .scrollable {
padding: 0 0 0 0;
margin: 10px 0;
width: 620px;
min-height: 97px;
height: 97px;
height: 117px;
background: #f1f1f1;
}

.multimarca .scrollable .items { /*padding: 0 10px;*/ height: 97px; background: url("css_images/multimarca-fondo.png") 0 0 repeat-x; }
.multimarca .scrollable .items div { padding: 0 10px; }

/* cada item (li) del scroll de marcas */
.marca { overflow: hidden; display: block; float: left; width: 60px; height: 84px; padding-top: 3px; margin: 0 3px; }
/* econdemos el nombre de la marca */
.marca span { position: absolute; left: -9999px; }

.marca.seleccionada .mask,
.marca.seleccionada:hover .mask { margin-top: -91px; }
.marca:hover .mask { margin-top: -212px; }

/* puntitos y flechas de navegacion */
.mm-navi { position: absolute; bottom: 0; left: 25px; }








/* MULTITARJETAS
-----------------------------------------------------------------------------*/

#tarjetas { height: 220px; }
/* texto "compartir" clicable en tarjeta */
.multitarjeta .sharetrigger { bottom: 46px; left: auto; right: 30px; z-index: 100; }

/* hacer que aparezca texto "compartir" clicable */
.multitarjeta:hover .sharetrigger,
/* .caja:hover .sharetrigger */
.content:hover>.sharetrigger,
.tweet:hover .sharetrigger { display: block; }

.multitarjeta .sharetip { top: 170px; right: 30px; bottom: 50px; left: auto; }

/* LA TARJETA 
-----------------------------------------------------------------------------*/
.multitarjeta { position: relative; top: 0; left: -10px; /*margin-top: -20px;*/ padding: 10px; width: 320px; height: 200px; }
.front, .back { width: 318px; height: 200px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
.back { background: url("css_images/tarjeta-verso-default.png") 0 0 no-repeat; }


/* CONETENIDOS DE LA TARJETA */
.multitarjeta .popup { clear: both; width: 302px; position: relative; left: -10px; }
.multitarjeta .micro { color: #fff; }
.multitarjeta .pqarial { position: relative; }

/* posicionar el boton conect */
.multitarjeta .qporama-connect { position: absolute; bottom: 0; left: 50%; margin-left: -105px; z-index: 110; }
/*
.back { width: 318px; height: 200px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
.back { background: url("css_images/tarjeta-verso-default.png") 0 0 no-repeat; }
.back .popup {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
*/


/* BOTONES PARA FILTRAR FEED */
.vistas { margin-bottom: 13px; overflow: hidden; }
.vistas li { display: block; float: left; margin-right: 7px; width: 45px; height: 45px; }

.vistas a { display: block; width: 45px; height: 45px; }
.vistas a span { position: absolute; left: -9999px; }
.vistas { position: absolute; top: 10px; right: 60px; }



.info,
.tornar {
cursor: pointer;
position: absolute;
top: 180px;
right: 25px;
display: block;
z-index: 200;
width: 22px;
height: 22px;
text-align: center;
font: bold italic 14px/20px Georgia, "Times New Roman", Times, serif;
background: url("css_images/fondo-i.png") 50% 0 no-repeat;
}
.info:hover,
.tornar { background-position: 50% -30px; }
.tornar { line-height: 18px; }








